<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>分类</title>
<meta name="keywords"  content="KEYWORDS..." />
<meta name="description" content="DESCRIPTION..." />
<meta name="author" content="DeathGhost" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name='apple-touch-fullscreen' content='yes'>
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="address=no">
<link rel="icon" href="images/icon/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="images/icon/apple-touch-icon-57x57-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="images/icon/apple-touch-icon-120x120-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="196x196" href="images/icon/apple-touch-icon-196x196-precomposed.png">
<meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body style="background:white;">
<!--header-->
<header>
 <a href="javascript:history.go(-1);" class="iconfont backIcon">&#60;</a>
 <h1>动态分类名称</h1>
 <a href="search.html" class="rt_searchIcon">&#37;</a>
</header>
<div style="height:1rem;"></div>
<!--category list-->
<!--模板不变，异步处理，链接传参数，静态写过于累赘-->
<aside class="class_tree">
 <ul>
  <li class="current_style">
   <a>
    <img src="upload/menu_bg_01.png"/>
    <strong>蔬菜水果</strong>
   </a>
  </li>
  <li>
   <a>
    <img src="upload/menu_bg_06.png"/>
    <strong>禽蛋肉类</strong>
   </a>
  </li>
  <li>
   <a>
    <img src="upload/menu_bg_10.png"/>
    <strong>水产火锅</strong>
   </a>
  </li>
  <li>
   <a>
    <img src="upload/menu_bg_14.png"/>
    <strong>熟食豆品</strong>
   </a>
  </li>
  <li>
   <a>
    <img src="upload/menu_bg_03.png"/>
    <strong>米面粮油</strong>
   </a>
  </li>
  <li>
   <a>
    <img src="upload/menu_bg_07.png"/>
    <strong>调料干货</strong>
   </a>
  </li>
  <li>
   <a>
    <img src="upload/menu_bg_11.png"/>
    <strong>餐厨用品</strong>
   </a>
  </li>
  <li>
   <a>
    <img src="upload/menu_bg_15.png"/>
    <strong>常购品</strong>
   </a>
  </li>
 </ul>
</aside>
<!--category content-->
<ul class="category_cont">
 <li>
  <a href="product_list.html">全部</a>
 </li>
 <li>
  <a href="product_list.html">肉质根类菜</a>
 </li>
 <li>
  <a href="product_list.html">块根类菜</a>
 </li>
 <li>
  <a href="product_list.html">地下茎类</a>
 </li>
 <li>
  <a href="product_list.html">普通叶菜类</a>
 </li>
 <li>
  <a href="product_list.html">结球叶莱类</a>
 </li>
 <li>
  <a href="product_list.html">辛番叶菜类</a>
 </li>
 <li>
  <a href="product_list.html">鳞茎菜类</a>
 </li>
 <li>
  <a href="product_list.html">茄果类</a>
 </li>
</ul>
<div style="height:1.2rem;"></div>
<nav>
 <a href="index.html" class="homeIcon">首页</a>
 <a href="category.html" class="categoryIcon">分类</a>
 <a href="cart.html" class="cartIcon">购物车</a>
 <a href="user.html" class="userIcon">我的</a>
</nav>
<script>
  document.oncontextmenu=new Function("event.returnValue=false;");
  document.onselectstart=new Function("event.returnValue=false;"); 
</script>

</body>
</html>
